@import './../../../../../../scss/colors.scss';

$input-heigth: 52px;
$default-font-size: 16px;

.warper {
    margin: {
        top: 0px;
    }

    .header {
        .p1 {
            // width: 227px;
            // height: 51px;
            opacity: 1;
            font-size: $default-font-size;
            font-family: Hiragino Sans GB;
            color: $span-color;
            line-height: 32px;
            letter-spacing: 0px;
            margin: {
                bottom: -6px;
            }
        }
    
        .p2 {
            color: $fort-color;
            line-height: 32px;
            margin-bottom: -6px;
            button {
                background: {
                    color: transparent
                }
                 
                opacity: 1;
                font-size: 16px;
                font-family: Hiragino Sans GB;
                color: $primary-color;
                line-height: 32px;
                letter-spacing: 0px;
            }
        }
    }

    .content {
        height: 30em;
        margin: {
            top: 42px;
        }
        nz-form-explain {
            color: $error;
        }
    }

    .footer {
        width: 100%;
        // position: absolute;
        bottom: 0px;
        button {
            width: 100%;
            // width: 404px;
            height: 48px;
            opacity: 1;
            background-color: $primary-color;
            opacity: 1;
            font-size: 20px;
            font-family: Hiragino Sans GB;
            color: $bg-color;
            letter-spacing: 0px;

            &:disabled {
                background-color: $disable-color;
            }
        }
    }
    
}

input {
    height: $input-heigth;
    font-size: $default-font-size;
}

label {
    height: 16px;
    opacity: 1;
    font-size: $default-font-size;
    font-family: Hiragino Sans GB;
    color: $fort-color;
    line-height: 10px;
    letter-spacing: 0px;
}